/*
Theme Name: Custom
Theme URI: http://gregwoodward.co.uk
Description: Gregory's custom theme
Author: Jack & Greg
Version: 1.1
*/
/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Text */

body {
color: #000000;
font: 16px/1.5em Helvetica, "Arial";
}

a:link {color: #e30000; text-decoration:none;}
a:visited {color: #e30000; text-decoration:none;}
a:hover {color: #e30000; text-decoration:underline;}
a:active {color: #e30000; text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {
color: black;
font-family: helvetica, arial, verdana, sans-serif;
font-weight: normal;
}

h1 {
font-size: 218%;
}

h2 {
font-size: 164%;
}

h3 {
font-size: 145%;
}

h4 {
font-size: 118%;
}

#header{margin-bottom: 32px; background-color: black; height: 34px;}

.container{
  width: 940px ;
  margin-left: auto ;
  margin-right: auto ;}
  
#title{position:absolute;top:7px;width:243px;height:19px;background:url('images/sprites.png') 0 0;}
  
#navlist{float: right; position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:11px;}
#navlist li, #navlist a{height:11px;display:block;}

#portfolio{left:-468px;width:83px;}
#portfolio{background:url('images/sprites.png') 0 -20px;}
#portfolio a:hover{background: url('images/sprites.png') -87px -20px;}

#blog{left:-352px;width:40px;}
#blog{background:url('images/sprites.png') 0 -32px;}
#blog a:hover{background: url('images/sprites.png') -87px -32px;}

#associates{left:-280px;width:87px;}
#associates{background:url('images/sprites.png') 0 -44px;}
#associates a:hover{background: url('images/sprites.png') -87px -44px;}

#about{left:-161px;width:54px;}
#about{background:url('images/sprites.png') 0 -56px;}
#about a:hover{background: url('images/sprites.png') -87px -56px;}

#contact{left:-76px;width:76px;}
#contact{background:url('images/sprites.png') 0 -68px;}
#contact a:hover{background: url('images/sprites.png') -87px -68px;}

#content{padding-top: 32px;}
#viewer{float:left; text-align: center; display: inline-block; height: 515px; width: 770px; }

#thumbs{border-style: none; float: right; display: inline-block; height: 515px; width: 155px; }

#thumbs a{
border-style: none;
filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;}

#thumbs a:hover{
border-style: none;
filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;}
  
#holder{overflow:hidden; position:fixed; height: 515px; width: 155px;}
#slider{position:absolute;
	width:155px;}

